<template>
  <span class="label w-label" :class="[labelStyleClass]">{{ labelText }}</span>
</template>

<script type='text/babel'>
  export default {
    props: {
      labelText: String,
      labelStyle: {
        type: String,
        default: 'default'
      }
    },
    computed: {
      labelStyleClass: function () {
        var self = this
        var style = self.labelStyle || 'default'
        return 'label-' + style
      }
    }
  }
</script>

<style lang='less'>
  .w-label {
    padding: 2px 4px;
  }
</style>
